<template>
    <el-footer class="_footer">
        <span>B:<a href="https://www.bilibili.com/" target="_blank" style="margin-left: 10px;color: #427df0">B</a></span>
        <span>I:<a href="https://www.bilibili.com/" target="_blank" style="margin-left: 10px;color: #427df0">I</a></span>
        <span>L:<a href="https://www.bilibili.com/" target="_blank" style="margin-left: 10px;color: #427df0">L</a></span>
        <span>I:<a href="https://www.bilibili.com/" target="_blank" style="margin-left: 10px;color: #427df0">I</a></span>
    </el-footer>
</template>
<script>
    export default {
        name: "footer.vue"
    }
</script>

<style scoped>
    ._footer{
        display: flex;
        /*横轴居中*/
        justify-content: center;
        align-items: center;
        border-top: 1px solid #00ffff;
        color:#F56C6C;
    }
</style>